<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Moderns现代化房间设计html5家居设计家具手机wap网站模板免费下载【http://www.lanrenmb.com/shenghuofuwu/jiaji/】</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Moderns Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
</head>
<body>
	<!-- header-section-starts -->
	<div class="full">
			<div class="menu">
				<ul id="navigation">
					<li class="home">
						<a href="index.html">Home</a>
					</li>
					<li class="about">
						<a href="about.html">About</a>
					</li>
					<li class="photos">
						<a href="blog.html">Blog</a>
					</li>
					<li class="podcasts">
						<a class="active" href="404.html">Gallery</a>
					</li>
					<li class="contact">
						<a href="contact.html">Contact</a>
					</li>
				</ul>
			</div>
				<script type="text/javascript">
					$(function() {
						$('#navigation a').stop().animate({'marginLeft':'-120px'},1000);

						$('#navigation > li').hover(
							function () {
								$('a',$(this)).stop().animate({'marginLeft':'-2px'},10);
							},
							function () {
								$('a',$(this)).stop().animate({'marginLeft':'-120px'},10);
							}
						);
					});
				</script>
		<div class="main">
		<div class="video-content">
			<div class="top-header span_top">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt="" /></a>
				</div>
				<div class="search v-search">
					<form>
						<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}"/>
						<input type="submit" value="">
					</form>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="right-content">
				<div class="about-grids">
					<div class="col-md-4 about-grid">
						<h3>Who We Are</h3>
						<img src="images/a1.jpg" alt="" />
						<h4>Donec elit enim, egestas sed malesuada et ornare et lectus</h4>
						<p>Sed ut luctus nibh, non faucibus massa. Mauris aliquam odio quis nisi volutpat, a malesuada enim 
							interdum. Praesent at leo nec purus viverra lobortis. Vestibulum eget eros semper, tempus massa 
							nec, iaculis dolor.<span>Donec dapibus risus quis cursus fringilla. Quisque finibus porttitor ligula, 
							ut sagittis ipsum. Donec sit amet purus euismod tellus dapibus aliquet.</span>
						</p>
					</div>
					<div class="col-md-4 about-grid">
						<h3>Our History</h3>
						<div class="history-info">
							<h5>2003</h5>
							<p>Nam viverra porttitor vehicula. Mauris nisl lacus, euismod in mollis in, gravida nec nisl. 
								Maecenas lobortis lorem quis pretium maximus.
							</p>
						</div>
						<div class="history-info">
							<h5>2007</h5>
							<p>Proin elementum ultrices sapien, vitae ultricies leo ultricies vehicula. Duis sit amet nunc elementum, 
							egestas nisi sed, accumsan lorem. Ut sodales nunc eu ligula vehicula.
							</p>
						</div>
						<div class="history-info">
							<h5>2009</h5>
							<p>Proin elementum ultrices sapien, vitae ultricies leo ultricies vehicula. Duis sit amet nunc elementum, egestas nisi sed, accumsan lorem. 
							Ut sodales nunc eu ligula vehicula.Maecenas lobortis lorem quis pretium maximus.
							</p>
						</div>
						<div class="history-info">
							<h5>2011</h5>
							<p>Nam viverra porttitor vehicula. Mauris nisl lacus, euismod in mollis in, gravida nec nisl. 
								Maecenas lobortis lorem quis pretium maximus.at aliquet purus sollicitudin. Etiam vestibulum nibh sed euismod blandit. 
							</p>
						</div>
					</div>
					<div class="col-md-4 about-grid">
						<h3>We Offer</h3>
						<h4>Donec elit enim, egestas sed malesuada et ornare et lectus</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras congue tellus ut lacinia ullamcorper. 
							Aliquam ultrices suscipit blandit. Sed in libero ipsum. Quisque efficitur aliquam neque, vel venenatis 
							tellus placerat quis. Etiam molestie tellus at urna blandit, vel porta ipsum auctor. 
						</p>
						<ul>
							<li>Proin elementum ultrices sapien</li>
							<li>Lorem ipsum dolor sit amet</li>
							<li>Quisque efficitur aliquam neque</li>
							<li>Praesent ultricies varius aliquam</li>
							<li>Nullam nisl velit hendrerit quis </li>
							<li>Sed ut luctus nibhnon faucibus massa</li>
						</ul>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras congue tellus ut lacinia ullamcorper. 
							Aliquam ultrices suscipit blandit. Sed in libero ipsum. Quisque efficitur aliquam neque, vel venenatis 
							tellus placerat quis. 
						</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="about-team">
					<h3>Our Team</h3>
					<div class="team-grids">
						<div class="col-md-3 team-grid">
							<img src="images/t1.jpg" alt="" />
							<h4>Peters Marry</h4>
							<p>Donec elit enim, egestas sed malesuada et ornare et lectus. </p>
						</div>
						<div class="col-md-3 team-grid">
							<img src="images/t2.jpg" alt="" />
							<h4>Jhone Peters</h4>
							<p>Donec elit enim, egestas sed malesuada et ornare et lectus. </p>
						</div>
						<div class="col-md-3 team-grid">
							<img src="images/t3.jpg" alt="" />
							<h4>Vina Haddon</h4>
							<p>Donec elit enim, egestas sed malesuada et ornare et lectus. </p>
						</div>
						<div class="col-md-3 team-grid">
							<img src="images/t4.jpg" alt="" />
							<h4>Mark Johnson</h4>
							<p>Donec elit enim, egestas sed malesuada et ornare et lectus. </p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>	
	<div class="footer">
			<div class="footer-grids">
				<div class="col-md-3 footer-left">
					<h3>About</h3>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry galley of type and scrambled it to make a type specimen book......</p>
				</div>
				<div class="col-md-3 footer-left touch">
					<h3>Get in touch</h3>
					<ul>
						<li>Los Angeles</li>
						<li>CA, United States</li>
						<li>Phone:+1 234 456 7890</li>		
						<li>Email: <a href="mailto:info@example.com">info@example.com</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-left footer-nav">
					<h3>Follow Us</h3>
					<ul>
						<li><a href="#" class="facebook">Facebook +</a> </li>
						<li><a href="#" class="twitter">Twitter +</a></li>
						<li><a href="#" class="dribbble">Dribbble +</a></li>
						<li><a href="#" class="pinterest">pinterest +</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-left footer-nav">
					<h3>Copyright</h3>
					<p><a href="http://www.lanrenmb.com/">懒人模板</a></p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
	</div>
</body>
</html>